<!DOCTYPE html>
<html>
    <head>
        <!-- Update title -->
        <title>Windows Setup</title>

        <!-- keywords used for searching -->
        <meta name="keywords" content="guide">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- reference to Cinder classes -->
        <!-- <ci seealso dox="[CLASS NAME GOES HERE]" label="[NAME OF LINK]"></ci> -->

        <!-- master stylesheet - these links will be replaced when compiled -->
        <link rel="stylesheet" href="../../_assets/css/foundation.css">
        <link rel="stylesheet" href="../../_assets/css/prism.css">
        <link rel="stylesheet" href="../../_assets/css/style.css">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>

        <!-- Place additional stylsheet links here, which will be copied over when compiled (optional) -->
        
    </head>

    <body id="guide-contents" class="language-c++">

        <!-- CONTENT STARTS HERE -->
        <h1>Windows Setup</h1>
        <p>This guide will help you get started using Cinder on Windows. Start by downloading Cinder itself from the site's <a href="https://libcinder.org/download">Download Page</a> if you haven't already. Choose the Visual C++ 2013 version if you don't already have Visual C++ installed.</p>
           

        <section> 
            <h2>Microsoft Visual C++</h2>
            <p>Cinder supports Visual Studio 2013 and Visual Studio 2015, and works with both the commercial versions and the freely available <em>Community</em> editions. If you don't already have one of those versions installed, we'll walk you through setting up the free 2015 edition.
            </p>
            
            <p>The first step is to install Visual C++ itself - click the <em>Download Community Free</em> button on the <a href="https://www.visualstudio.com/en-us/downloads/download-visual-studio-vs.aspx">Visual Studio download page</a>. Next, launch the installer. Make sure that the Visual C++ option is selected under <em>Programming Languages</em> and press the <em>Install</em> button.
            </p>

            <p>If you are using one of our <a href="https://libcinder.org/download">packaged releases</a>, you should be all set. If you're working from GitHub you'll want to follow the build instructions in our <a href="../git/index.html">Cinder + Git</a> guide.</p>
            
            <p>To verify your installation, try opening and building one of the samples. From Windows Explorer, navigate to the <em>cinder\samples\_opengl\CubeMapping\vc2013</em> folder and open <em>CubeMapping.sln</em>.</p>
            
            <p>Under the <em>Debug</em> menu select <em>Start Debugging</em> and click <em>Yes</em>
                when prompted to build the project. The CubeMapping sample will launch
                and should look like this:
            </p>
            
            <img class="center shadow" alt="CubeMapping sample" width="481" height="384" src="images/cubemapping_sample.jpg">
        </section>


        <section>
            <h2>Creating New Projects</h2>
            <p><a href="../tinderbox/index.html">TinderBox</a> is Cinder's GUI tool for creating new projects quickly and easily. A guide to creating projects using TinderBox is <a href="../tinderbox/index.html">available here</a>.</p>
        </section>


        <section>    
        <h2>Cinder + Git</h2>
            <p>If you would like to keep up with the latest Cinder development, the project is <a href="https://github.com/cinder">hosted on GitHub</a>. A guide for setting up Cinder using git is <a href="../git/index.html">available here</a>.</p>
        </section>

        <script type="text/javascript" src="../_common/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../_common/js/jquery.lightbox-0.5.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="../_common/js/jquery.lightbox-0.5.css" media="screen" />
        <script type="text/javascript">
            $(function() {
            	$('#msvc_image a').lightBox({imageBtnPrev:"images/prev.png", imageBtnNext:"images/next.png", imageBtnClose:"images/close.png", containerResizeSpeed: 150});
            	$('#sdk_image a').lightBox({imageBtnPrev:"images/prev.png", imageBtnNext:"images/next.png", imageBtnClose:"images/close.png", containerResizeSpeed: 150});
            	$('#dxsdk_image a').lightBox({imageBtnPrev:"images/prev.png", imageBtnNext:"images/next.png", imageBtnClose:"images/close.png", containerResizeSpeed: 150});	
            	$('#qtime_image a').lightBox({imageBtnPrev:"images/prev.png", imageBtnNext:"images/next.png", imageBtnClose:"images/close.png", containerResizeSpeed: 150});	
            });
        </script>
    </body>
</html>